<script lang="ts" setup>
import { DiffComparator } from 'fetm-components'
// TODO: 本地调试 / 示例
const sources = ref([
  {
    name: '1.txt',
    content: JSON.stringify({
      c1: 1,
      b: 2,
      c: 3,
      d: {
        e: {
          f: '1',
        },
      },
    }),
  },
  {
    name: '2.txt',
    content: JSON.stringify({
      b: 2,
      c1: 1,
      c: 3,
      d: {
        e: {
          f: '2',
        },
      },
    }),
  },
])

const isDark = ref(false)

setTimeout(() => {
  isDark.value = !isDark.value
}, 5000)
</script>

<template>
  <div class="h-full">
    <div class="absolute right-0 z-1 bg-red px-10px py-4px">
      本地调试 / 示例
    </div>
    <div class="h-full">
      hello world
      <div class="h-50% w-50%">
        <DiffComparator :sources="sources" />
      </div>
    </div>
  </div>
</template>
